<template>
			<el-container class="big">
			  <el-header><span class="tou">后台管理系统</span><el-button @click="loginout">退出系统</el-button></el-header>
			 
			  <el-container>
			    <el-aside width="200px">
					<el-menu
						 unique-opened
						 router
					      default-active="2"
					      class="el-menu-vertical-demo"
					      background-color="#333"
					      text-color="#fff"
					      active-text-color="#ffd04b">
						  <el-menu-item index="/welcome">
						          <i class="el-icon-s-home"></i>
						          <span slot="title">系统首页</span>
						       </el-menu-item>
					      <el-submenu index="1">
					        <template slot="title">
					          <i class="el-icon-s-custom"></i>
					          <span>用户管理</span>
					        </template>
					        <el-menu-item class="el-icon-set-up"  index="/userlist">用户列表</el-menu-item>
					      </el-submenu>
						  <el-submenu index="2">
						    <template slot="title">
						      <i class="el-icon-unlock"></i>
						      <span>权限管理</span>
						    </template>
						    <el-menu-item class="el-icon-set-up" index="1-1">用户权限</el-menu-item>
						  </el-submenu>
						  <el-submenu index="3">
						    <template slot="title">
						      <i class="el-icon-set-up"></i>
						      <span>角色管理</span>
						    </template>
						    <el-menu-item class="el-icon-set-up" index="/rolelist">角色列表</el-menu-item>
						  </el-submenu>
					    </el-menu>
				</el-aside>
			    <el-container>
			      <el-main>
					  <router-view></router-view>
				  </el-main>
			      <el-footer style="padding:20px">版权神仙所有，请拜佛领取</el-footer>
			    </el-container>
			  </el-container>
			</el-container>
	
</template>

<script>
	export default{
		data(){
			return {
				
			}
		},
		methods:{
			loginout(){
				window.sessionStorage.clear();
				this.$router.push('/login')
			}
		}
	}
</script>
	
<style>
	.big{
		width: 100%;
		height: 100%;
	}
	.el-header{
		background-color: #3c8dbc;
	}
	.tou{
		padding-top:5px ;
		float: left;
		font-size: 30px;
		color: white;
	}
	.el-button{
		float: right;
		width: 100px;
	}
	.el-aside{
		height: 100%;
		background-color: #333;
	}
	.el-main{
		background-color: #ecf0f5;
	}
	.el-footer{
		background-color: white;
	}
</style>
